<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import { ref } from 'vue'
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import { useCommonStore } from '@/stores/common';
const commonStore = useCommonStore()
dayjs.locale('zh-cn');

const locale = ref(zhCN)
</script>

<template>
  <!-- #dcdcdc -->
  <!-- #eee -->
  <a-config-provider :locale="locale" :theme="{
    token: {
      borderRadius: 2,
     
      colorPrimary: '#054f63',

      colorPrimaryBg: '#bed0d266',
     
    colorTextBase: '#054f63',


    }
  }">
    <RouterView v-slot="{ Component }">
      <Transition name="fade" mode="out-in">
        <KeepAlive :include="commonStore.includeList">
          <component :is="Component" />
        </KeepAlive>
      </Transition>
    </RouterView>
  </a-config-provider>
</template>

<style>
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease;

}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
</style>
